<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/templatemo_misc.css" />
<link type="text/css" rel="stylesheet" href="css/easy-responsive-tabs.css" />
<link href="css/templatemo_style.css" rel="stylesheet" /> 
        
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/jquery.lightbox.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>  
<script>
    function showhide()
    {
        var div = document.getElementById("newpost");
		if (div.style.display !== "none") 
		{
			div.style.display = "none";
		}
		else 
		{
			div.style.display = "block";
		}
    }
</script>
<style>
  body{
	font-family:Microsoft YaHei;
  }
  
  h1{
	font-family:Microsoft YaHei;
  }
</style>
</head>
<body>
<!-- logo start -->
<div class="logocontainer">
	<div class="row">
    	<h1><a href="#">社区志愿者服务中心信息化平台软件</a></h1>
        <div class="clear"></div>
        <div class="templatemo_smalltitle"></div>
    </div>
</div>
<!-- logo end -->  
<!-- main start -->  
<div id="menu-container" class="main_menu">
	<!-- homepage start -->
	<div class="content homepage" id="menu-1">
	  	<div class="container">
			<div class="col-md-3 col-sm-6 templatemo_leftgap">
				<div style="visibility:hidden;">
					<div class="templatemo_mainimg templatemo_botgap templatemo_topgap">
		             	<img src="images/templatemo_home4.jpg" alt="home img 04">
		             	<div style="height: 10px;"></div>
		            </div>
		            <div class="templatemo_mainabout templatemo_botgap">
		                <div class="templatemo_link"></div>
		            </div>
				</div>
	            <div class="templatemo_maincontact" style="background: #666666;margin-left:1200px;">
	                <div class="templatemo_link" onclick="goBack()">返回</div>
	            </div>
	        </div> 
	    </div>
	</div>
	<!-- homepage end -->
</div>
<!-- main end -->  
    
<!-- logo start -->
<!-- <div class="logocontainer">
	<div class="row">
		<div class="templatemo_footer"></div>
	</div>
</div> -->
<!-- logo end -->  
<script type="text/javascript">
$(document).ready(function () {
    $('#horizontalTab').easyResponsiveTabs({
        type: 'default', //Types: default, vertical, accordion
        width: 'auto', //auto or any width like 600px
        fit: true, // 100% fit in a container
        closed: 'accordion', // Start closed if in accordion view
        activate: function(event) { // Callback function if tab is switched
            var $tab = $(this);
            var $info = $('#tabInfo');
            var $name = $('span', $info);

            $name.text($tab.text());

            $info.show();
			
        }
    });

    $('#ab').easyResponsiveTabs({
        type: 'vertical',
        width: 'auto',
        fit: true,
    });
	

	$('#cmt').easyResponsiveTabs({
        type: 'vertical',
        width: 'auto',
        fit: true,
    });
});

function goBack(){
	location.href = "/tmx/JSP/index.jsp";
}
</script>

</body>
</html>